$(function () {
    var path = "http://193.112.55.79:9090";
    /*================方法的调用================*/
    init();
    /*================方法的定义================*/

    /*初始化*/
    function init() {
        getcategoryList(1);
        setlocation();
        addPageClick();
    }

    /* 初始页面的路径和页码 */
    function setlocation() {
        var id = getQueryString("categoryid");
        $.get(path + "/api/getcategorybyid?categoryid=" + id, function (res) {
            var n = res.result[0].category;
            $(".breadcrumb li:last-child").html(n);
        });
    }

    /*总页数*/
    // var Total = 0;
    /*根据分类id获取列表信息*/
    function getcategoryList(pageid) {
        var id = getQueryString("categoryid");
        $.get(path + "/api/getproductlist?categoryid=" + id + "&pageid=" + pageid, function (res) {
            // console.dir(res);
            var html = template("productListTpl", res);
            $(".product-list").html(html);

            // 一个页面上的数据条数是pagesize
            // 总条数 totalCount
            var pageTotal = res.totalCount / res.pagesize;
            // Total = pageTotal;
            // 获取总页数
            var arr = [];
            // var str="";
            for (var i = 0; i < pageTotal; i++) {
                arr.push('<li role="presentation"><a role="menuitem" tabindex="-1" href="#">第' + (i + 1) + '页</a></li>');
               
            }
            /* join的用法*/
            $(".product-page ul").html(arr.join(''));
    
        });
     
    }

    /*绑定分页点击事件*/
    function addPageClick() {
        $(".product-page ul ").on("click", " li a", function () {
            var pageid = getNum($(this).html());
            var categoryid = getQueryString("categoryid");
            // var pageid = getQueryString("pageid");
            // window.location.href = "http://localhost:3000/productlist.html?categoryid=" + categoryid + "&pageid=" + pageid + "";
            getcategoryList(pageid);
            $(".product-page button").html("第" + pageid + "页");
        });

        /*上一页*/
        $(".product-page .pre").on("click", function () {
            var pageid = getNum($(".product-page button").html());
            if (pageid <= 1) {
                return;
            }
            pageid--;
            getcategoryList(pageid);
            $(".product-page button").html("第" + pageid + "页");
        });

        /*下一页*/
        $(".product-page .nex").click(function () {
            var pageid = getNum($(".product-page button").html());
            var totalPage = getNum($(".product-page ul li:last-child a").html());
            if (pageid >= totalPage) {
                return;
            }
            pageid++;
            getcategoryList(pageid);
            $(".product-page button").html("第" + pageid + "页");
        });
    }
})